<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="./jquery/jquery-1.12.4.min.js"></script>

<body>
    <!-- 
        jQuery是一个JavaScript函数库，是轻量级“写的少，做的多”的JavaScript库
        又名jq  标准写法jQuery   jquery

        功能：
        能选取html元素
        能操作html元素
        css操作
        能写html事件
        JavaScript特效和动画
        能遍历能修改
        ajax
     -->


    <script>
        /* jquery中的核心对象
        $
        jQuery
        当函数调用$()
        当对象调用$.xx()
        */
        console.log($);
        console.dir($);
        console.log(jQuery);
        console.log($ === jQuery);//true
        /* 原生js中的预加载 */
        /*   window.onload = function () {
              // 等网页内容全局加载完毕后，才会执行window.onload中的内容
              console.log('11')
          } */
        /*  window.onload = function () {
             console.log('222');
         } */
        /* window.onload在一个页面中只能写一次，当写两次时，只会执行第二次，第二次会把第一次的代码覆盖掉 */

        /* jquery中的预加载 */
        $(document).ready(function () {
            console.log('xx');
        })
        $(document).ready(function () {
            console.log('yy');
        })
        // 简写方式
        $(function () {
            console.log('uuu');
        })
        /* $(document).ready()只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码， 可以执行多次，后面的不会覆盖前面代码 它可以简写 $()  */
    </script>

</body>

</html>